html{font-size: 20px;}
html,body{width: 100%;min-height: 100%;background: #4A4A4C;}
#m-index-1{width: 100%;height: 100%;background: #f1f1f3;font-family: "微软雅黑";}
#m-index-1 .wrap{
    overflow: hidden;
}
/**/
.m-top{
    width: 16rem;
    height: 7.375rem;
    background: url(../images/xc2/top-bg.png) no-repeat;
    background-size: 16rem 7.375rem;
    position: relative;
}
.act-wrap{
    float: left;
    width: 100%;
    margin:0.1rem 0 0 0;
    height: 6.5rem;
    background: url(../images/movie/act-bg.png);
    background-size: 0.925rem 6.5rem;
}
.act-wrap .act{
    margin: 0.875rem 0 0 0.3rem;
}
#m-index-1 .act ul{width: 100%;overflow: hidden;}
#m-index-1 .act ul li{width: 7.65rem;float: left;margin: 0 0 0.25rem 0;height: 2.475rem;}
#m-index-1 .act ul li a.link1{display: block;width: 100%;height: 100%;background: url(../images/xc2/public-btn1.png);background-size: 7.65rem 2.475rem;}
#m-index-1 .act ul li a.link2{display: block;width: 100%;height: 100%;background: url(../images/xc2/public-btn2.png);background-size: 7.65rem 2.475rem;}
#m-index-1 .act ul li a.link3{display: block;width: 100%;height: 100%;background: url(../images/xc2/public-btn3.png);background-size: 7.65rem 2.475rem;}
#m-index-1 .act ul li a.link4{display: block;width: 100%;height: 100%;background: url(../images/xc2/public-btn4s.png);background-size: 7.65rem 2.475rem;}
.main-wrap{
    width: 16rem;
    height: 14.7rem;
    float: left;
    background: url(../images/xc2/xc-bg2.png) no-repeat;
    background-size: 16rem 13.425rem;
    position: relative;
}
.main-wrap .total{width: 3.825rem;height: 1.4rem;top: 2.35rem;left: 2.7rem;position: absolute;text-align: center;line-height: 1.4rem;color: #8fc31f;font-size: 1.325rem;}
.main-wrap .residue{width: 3.825rem;height: 1.4rem;top: 2.35rem;left: 9.75rem;position: absolute;text-align: center;line-height: 1.4rem;color: #8fc31f;font-size: 1.325rem;}
.main-wrap .member{
    width: 12.5rem;
    height: 5.6rem;
    position: absolute;
    left: 2.075rem;
    top: 5.2rem;
}
.main-wrap .member li{width: 2.6rem;height: 2.6rem;float: left;margin-right: 0.5rem;margin-bottom: 0.5rem;}
.main-wrap .member li.none{display: none;}
.main-wrap .member li .txbox{width: 2.6rem;height: 2.6rem;float: left;background: #fff;border-radius: 50%;position: relative;}
.main-wrap .member li .txbox img{width: 2.5rem;height: 2.5rem;float: left;border-radius: 50%;margin: 0.05rem;}
.main-wrap .member li .txbox i{position: absolute;width: 0.725rem;height: 0.725rem;background: url(../images/xc2/icon1.png);background-size: 0.725rem 0.725rem;top: 0;right: 0;}
.help{width: 5.3rem;height: 1.08rem;float: left;background: url(../images/movie/lucky-btn2.png);background-size: 5.3rem 1.075rem;position: absolute;bottom: 0.875rem;left: 5.35rem;}

.main-wrap .main-btn{position: absolute;width: 4.625rem;height: 1.575rem;background: #8fc31f;color: #fff;font-size: 0.65rem;line-height: 1.575rem;text-align: center;border-radius: 0.2rem;}
.main-wrap .btn-buy{left: 0.55rem;bottom: 0.975rem;}
.main-wrap .btn-new{left: 5.75rem;bottom: 0.975rem;}
.main-wrap .btn-in{left: 10.825rem;bottom: 0.975rem;}
.main-wrap .main-btn.disabled{background: #c9caca;}
/*alert*/
#m-index-1 .dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
#m-index-1 .dg-in .dg-con{display: block;position: relative;}
.blur {
    -webkit-filter: blur(3px); /* Chrome, Opera */
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
#m-index-1 .dg-in .dg-con img{
    width: 98%;
    margin: 40% 2% 0;
}
#m-index-1 .dg-in .dg-con .getbtn{
    position: absolute;
    bottom: 12%;
    left: 70%;
    width: 18%;
    padding-top: 10%;
}
#m-index-1 .dg-in .dg-con .phone{
    position: absolute;
    bottom: 13.08%;
    left: 26.1%;
    width: 40%;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.82rem;
    border: none;
    outline: none;
    color: #601986;
    background: transparent;
}
#m-index-1 .dg-in .dg-con .close{
    position: absolute;
    bottom: 45%;
    left: 88%;
    width: 12%;
    padding-top: 13%;
}
#m-index-1 .dg-help .dg-con{display: block;position: relative;min-height: 100%;background:#F1F1F3;}
#m-index-1 .dg-help{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;overflow: auto;}
#m-index-1 .dg-help img{
    width: 100%;
}
#m-index-1 .dg-help .close{
    position: absolute;
    padding-top: 13%;width: 13%;top: 0;right: 0;
}
#m-index-1 .dg-help .close{
    position: absolute;
    bottom: 67%;
    left: 87%;
    width: 11%;
    padding-top: 12%;
}
/*我响应的号召start*/
#m-index-1 .dg-in-suc .dg-con{display: block;position: relative;}
#m-index-1 .dg-in-suc .dg-con img{width: 90%;margin: 40% 7% 0;}
#m-index-1 .dg-in-suc .dg-con .nums{
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 10.6rem;
    left: 11.5rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-in-suc .dg-con .phone{
    width: 7rem;
    height: 1.5rem;
    position: absolute;
    top: 12.4rem;
    left: 7.5rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-in-suc .dg-con .close{
    position: absolute;
    bottom: 57%;
    left: 86%;
    width: 11%;
    padding-top: 12%;
}
/*我响应的号召end*/
/*我的号召start*/
#m-index-1 .dg-in-suc2 .dg-con{display: block;position: relative;}
#m-index-1 .dg-in-suc2 .dg-con img{width: 90%;margin: 40% 7% 0;}
#m-index-1 .dg-in-suc2 .dg-con .nums{
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 10.6rem;
    left: 11.5rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-in-suc2 .dg-con .phone{
    width: 7rem;
    height: 1.5rem;
    position: absolute;
    top: 12.4rem;
    left: 7.5rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-in-suc2 .dg-con .close{
    position: absolute;
    bottom: 57%;
    left: 86%;
    width: 11%;
    padding-top: 12%;
}
/*我的号召end*/
#m-index-1 .dg-in-fail .dg-con{display: block;position: relative;}
#m-index-1 .dg-in-fail img{
    width: 90%;
    margin: 25% 0 0 8%;
}
#m-index-1 .dg-in-fail .close{
    position: absolute;
    bottom: 66.5%;
    left: 87%;
    width: 11%;
    padding-top: 12%;
}
/*响应号召输入手机号码start*/
#m-index-1 .dg-res-suc .dg-con{display: block;position: relative;}
#m-index-1 .dg-res-suc .dg-con img{
    width: 98%;
    margin: 24% 2% 0;
}
#m-index-1 .dg-res-suc .dg-con .getbtn{
    position: absolute;
    bottom: 31.2%;
    left: 72%;
    width: 21%;
    padding-top: 10%;
}
#m-index-1 .dg-res-suc .dg-con .phone1{
    position: absolute;
    bottom: 41.8%;
    left: 41.1%;
    width: 39%;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.82rem;
    border: none;
    outline: none;
    color: #8fc31f;
    background: transparent;
}
#m-index-1 .dg-res-suc .dg-con .phone2{
    position: absolute;
    bottom: 28.8%;
    left: 41.1%;
    width: 39%;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.82rem;
    border: none;
    outline: none;
    color: #8fc31f;
    background: transparent;
}
#m-index-1 .dg-res-suc .dg-con .close{
    position: absolute;
    bottom: 67%;
    left: 88%;
    width: 12%;
    padding-top: 13%;
}
#m-index-1 .dg-res-suc .dg-con .toApply{
    position: absolute;
    bottom: 6.5%;
    left: 30%;
    width: 39%;
    padding-top: 13%;
}
/*响应号召输入手机号码end*/
/*不能响应号start*/
#m-index-1 .dg-res-fail .dg-con{display: block;position: relative;}
#m-index-1 .dg-res-fail img{
    width: 90%;
    margin: 25% 0 0 8%;
}
#m-index-1 .dg-res-fail .close{
    position: absolute;
    bottom: 67%;
    left: 88%;
    width: 11%;
    padding-top: 12%;
}
/*不能响应号end*/
/*申请补贴填写手机号start*/
#m-index-1 .dg-new .dg-con{display: block;position: relative;}
#m-index-1 .dg-new .dg-con img{
    width: 98%;
    margin: 24% 2% 0;
}
#m-index-1 .dg-new .dg-con .getbtn{
    position: absolute;
    bottom: 31.2%;
    left: 72%;
    width: 21%;
    padding-top: 10%;
}
#m-index-1 .dg-new .dg-con .phone{
    position: absolute;
    bottom: 31.8%;
    left: 26.1%;
    width: 40%;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.82rem;
    border: none;
    outline: none;
    color: #8fc31f;
    background: transparent;
}
#m-index-1 .dg-new .dg-con .close{
    position: absolute;
    bottom: 67%;
    left: 88%;
    width: 12%;
    padding-top: 13%;
}

/*申请补贴填写手机号end*/
/*申请补贴成功弹窗start*/
#m-index-1 .dg-new-suc .dg-con{display: block;position: relative;}
#m-index-1 .dg-new-suc .dg-con img{width: 90%;margin: 3% 5% 0;}
#m-index-1 .dg-new-suc .dg-con .nums{
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 9.05rem;
    left: 11.6rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-new-suc .dg-con .phone{
    width: 7rem;
    height: 1.5rem;
    position: absolute;
    top: 11rem;
    left: 7rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-new-suc .dg-con .close{
    position: absolute;
    bottom: 68%;
    left: 86%;
    width: 12%;
    padding-top: 13%;
}
/*申请补贴成功弹窗end*/
/*不能申请补贴弹窗start*/
#m-index-1 .no-dg-new .dg-con{display: block;position: relative;}
#m-index-1 .no-dg-new img{
    width: 90%;
    margin: 25% 0 0 8%;
}
#m-index-1 .no-dg-new .close{
    position: absolute;
    bottom: 67%;
    left: 88%;
    width: 11%;
    padding-top: 12%;
}
/*不能申请补贴弹窗end*/
#m-index-1 .dg-over .dg-con{display: block;position: relative;}
#m-index-1 .dg-over img{
    width: 90%;
    margin: 25% 5% 0 5%;
}
/*人员已满start*/
#m-index-1 .dg-full .dg-con{display: block;position: relative;}
#m-index-1 .dg-full img{
    width: 90%;
    margin: 25% 0 0 8%;
}
#m-index-1 .dg-full .close{
    position: absolute;
    bottom: 67%;
    left: 87%;
    width: 11%;
    padding-top: 12%;
}
/*人员已满end*/
/*超时了start*/
#m-index-1 .dg-overtime .dg-con{display: block;position: relative;}
#m-index-1 .dg-overtime img{
    width: 90%;
    margin: 25% 0 0 8%;
}
#m-index-1 .dg-overtime .close{
    position: absolute;
    bottom: 67%;
    left: 87%;
    width: 11%;
    padding-top: 12%;
}
/*超时了end*/
/*恭喜start*/
#m-index-1 .dg-gongxi .dg-con{display: block;position: relative;}
#m-index-1 .dg-gongxi img{
    width: 90%;
    margin: 6% 5% 0 5%;
}
#m-index-1 .dg-gongxi p{
    position: absolute;
    top: 12rem;
    left: 4.5rem;
    width: 9rem;
    font-size: 0.75rem;
}
#m-index-1 .dg-gongxi .btn-ok{
    position: absolute;
    bottom: 4%;
    left: 36%;
    width: 28%;
    padding-top: 12%;
}
/*恭喜end*/
/*恭喜您start*/
#m-index-1 .getApply .dg-con{display: block;position: relative;}
#m-index-1 .getApply img.sbg{
    width: 90%;
    margin: 25% 5% 0 5%;
}
#m-index-1 .getApply .btn-ok{
    position: absolute;
    bottom: 4%;
    left: 36%;
    width: 27%;
    padding-top: 12%;
}
#m-index-1 .getApply .touxiang{
    position: absolute;
    top: 8.3rem;
    left: 6.4rem;
}
#m-index-1 .getApply .touxiang img{width: 2.5rem;height: 2.5rem;float: left;border-radius: 50%;margin: 0.05rem;}
#m-index-1 .getApply p{position: absolute;font-size: 0.75rem;color: #4a4a4c;top: 11.8rem;width: 90%;text-align: center;left: 5%;}
#m-index-1 .getApply p span{
    max-width: 3.8rem;font-weight: bold;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
}
/*恭喜您end*/
#m-index-1 .dg-myTeam .dg-con{display: block;position: relative;}
#m-index-1 .dg-myTeam .dg-con img{width: 98%;margin: 20% 2% 0;}
#m-index-1 .dg-myTeam .dg-con .nums{
    width: 1rem;
    height: 1.5rem;
    position: absolute;
    top: 7.9rem;
    left: 10.6rem;
    line-height: 1.5rem;
    font-size: 0.72rem;
    color: #4a4a4c;
}
#m-index-1 .dg-myTeam .dg-con .phone{
    width: 7rem;
    height: 1.5rem;
    position: absolute;
    top: 9.8rem;
    left: 7rem;
    line-height: 1.5rem;
    font-size: 0.82rem;
    color: #4a4a4c;
}
#m-index-1 .dg-myTeam .dg-con .close{
    position: absolute;
    bottom: 69%;
    left: 88%;
    width: 12%;
    padding-top: 13%;
}